<%- include ../include/head %>
<input type="hidden" id="js_current" value="user_list"/>
			<!-- Page Head -->
			<h2>User List </h2>
			<p id="page-intro">user list</p>
			<div class="clear"></div> <!-- End .clear -->
			<div class="content-box"><!-- Start Content Box -->
				<div class="content-box-header">
					<h3>User list</h3>
					<ul class="content-box-tabs">
						<li><a href="#tab1" class="default-tab">list</a></li> <!-- href must be unique and match the id of target div -->
					</ul>
					<div class="clear"></div>
				</div> <!-- End .content-box-header -->
				<div class="content-box-content">
					<div class="tab-content default-tab" id="tab1">

						<table>
							<thead>
								<tr>
								   <th><input class="check-all" type="checkbox" /></th>
								   <th>name</th>
								   <th>surname</th>
								   <th>phone</th>
								   <th>country</th>
								   <th>username</th>
									<th>email</th>
									<th>role</th>
								</tr>
							</thead>
						 
							<tfoot>
								<tr>
									<td colspan="6">
										<div class="bulk-actions align-left">
											<select name="dropdown">
												<option value="option1">Choose an action...</option>
												<option value="option2">Edit</option>
												<option value="option3">Delete</option>
											</select>
											<a class="button" href="#">Apply to selected</a>
										</div>
										
										<div class="pagination">
                                           <% for(var i=1;i<totalPage+1;i++){ %>
											 <a href="/admin/users/list?page=<%= i%>" class="number <% if(i==page){%> current<%}%>" title="<%= i%>"><%= i%></a>
											<% } %>
										</div> <!-- End .pagination -->
										<div class="clear"></div>
									</td>
								</tr>
							</tfoot>
							<tbody>
                            <% for (var i in users){ %>
								<tr>
									<td><input type="checkbox" /></td>
									<td><%= users[i].name %></td>
									<td><a href="/admin/users/edit?id=<%= users[i].username %>" title="title"><%= users[i].surname %></a></td>
									<td><%= users[i].phone %></td>
									<td><%= users[i].country %></td>
									<td><%= users[i].username %></td>
									<td><%= users[i].email %></td>
									<td><%= users[i].role %></td>
									<td>
										<!-- Icons -->
										 <a href="/admin/users/edit?id=<%= users[i].username %>" title="Edit"><img src="/admin/images/icons/pencil.png" alt="Edit" /></a>
										 <a href="/admin/users/delete?id=<%= users[i].username %>" title="Delete"><img src="/admin/images/icons/cross.png" alt="Delete" /></a>
									</td>
								</tr>
								<% } %>
							</tbody>
						</table>
						
					</div> <!-- End #tab1 -->
				</div> <!-- End .content-box-content -->
			</div> <!-- End .content-box -->
		<div class="clear"></div>

<%- include ../include/foot %>